import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import styles from "./index.module.scss";
import image49 from './assets/image_49.png';
import image50 from './assets/image_50.png';

export default function GeneratedComponent() {
  const { t } = useTranslation();

  return (
    <div className={styles.wrap6}>
      <div className={styles.container6}>
        <div className={styles.content8}>
          <div className={styles.main12}>
            <div className={styles.section17}>
              <div className={styles.text27}>{t('知识科普')}</div>
              <div className={styles.subSection17}>
                <div className={styles.block20}>
                  <Link to="/mobile/knowledge/encyclopedia">
                    <div className={styles.text28}>{t('疾病百科')}</div>
                  </Link>
                  <Link to="/mobile/knowledge/faq">
                    <div className={styles.text29}>{t('答疑解惑')}</div>
                  </Link>
                  <Link to="/mobile/knowledge/media">
                    <div className={styles.text30}>{t('媒体资源')}</div>
                  </Link>
                </div>
              </div>
            </div>
          </div>
          <div className={styles.main13}>
            <div className={styles.section18}>
              <div className={styles.text31}>{t('更多资源')}</div>
              <div className={styles.subSection18}>
                <div className={styles.block21}>
                  <Link to="/mobile/vision-test">
                    <div className={styles.text32}>{t('辨色测试')}</div>
                  </Link>
                  <Link to="/mobile/knowledge/encyclopedia">
                    <div className={styles.text33}>{t('专家支持')}</div>
                  </Link>
                  <Link to="/mobile/project">
                    <div className={styles.text34}>{t('项目介绍')}</div>
                  </Link>
                </div>
              </div>
            </div>
          </div>
          <div className={styles.main14}>
            <div className={styles.subSection19}>
              <div className={styles.text35}>{t('关注我们')}</div>
              <div className={styles.block22}>
                <div className={styles.subBlock7}>
                  <div className={styles.div14}>
                    <div className={styles.div15}>
                      <div className={styles.div16}>
                        <div className={styles.div17}>
                          <div className={styles.div18}>
                            <div className={styles.div19}>
                              <div className={styles.div20}>
                                <img
                                  src={image49}
                                  className={styles.image48}
                                />
                              </div>
                            </div>
                          </div>
                          <div className={styles.text36}>
                            perceptioninhues@gmail.com
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div className={styles.div21}>
                    <div className={styles.div22}>
                      <div className={styles.div23}>
                        <img
                          src={image50}
                          className={styles.image49}
                        />
                      </div>
                      <div className={styles.text37}>{t('关注公众号')}</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
